<template>
  <div class="mt-[50px]">
    <div className=" bg-white flex items-center justify-center p-3">
      <div className="max-w-4xl w-full space-y-4">
        <div className="text-center space-y-3">
          <div className="flex justify-center items-center">
            <el-icon :size="32" :color="color">
              <OfficeBuilding />
            </el-icon>
          </div>
          <h1 className="text-3xl font-bold text-gray-800">温馨提示</h1>
        </div>
        <div className="space-y-4 bg-white rounded-xl shadow-sm border border-gray-100">
          <div className="space-y-3">
            <div className="space-y-3">
              <div className="flex items-center items-start space-x-3 p-3 bg-blue-50 rounded-lg">
                <el-icon :size="24" :color="color">
                  <House />
                </el-icon>
                <p className="text-gray-700 text-base indent-2xl">
                  全国基层医疗机构互联网联盟云平台的后台管理系统,有平台管理系统和单位管理系统组成。用户可以根据自己的管理对象进行选择管理。</p>
              </div>

              <div className="flex items-center items-start space-x-3 p-3 bg-blue-50 rounded-lg">
                <el-icon :size="24" :color="color">
                  <Monitor />
                </el-icon>
                <p className="text-gray-700 text-base indent-2xl">
                  当平台管理系统的管理员用户,选择平台管理系统时,可在管辖区内对全国基层医疗机构互联网联盟云平台内,所有入驻的单位进行综合管理。</p>
              </div>

              <div className="flex items-center items-start space-x-3 p-3 bg-blue-50 rounded-lg">
                <el-icon :size="24" :color="color">
                  <Tickets />
                </el-icon>
                <p className="text-gray-700 text-base indent-2xl">当平台管理系统的管理员用户,选择单位管理系统时,可在管辖区内对自己所选择的单位进行综合管理。</p>
              </div>

              <div className="flex items-center items-start space-x-3 p-3 bg-blue-50 rounded-lg">
                <el-icon :size="24" :color="color">
                  <User />
                </el-icon>
                <p className="text-gray-700 text-base indent-2xl">各个单位管理系统的管理员用户,只能对自己本单位进行综合管理。</p>
              </div>
            </div>
          </div>
          <div className="flex items-center space-x-3 p-3 bg-blue-50 rounded-lg border border-gray-100">
            <Phone style="width: 24px;height: 24px;" className="w-[24px] h-[24px] text-blue-600 flex-shrink-0" />
            <p className="text-gray-700 text-base indent-2xl">用户如在使用过程中遇到任何相关操作和技术问题,可拨打24小时服务热线<a
                href="tel:13823289603" className="text-blue-600 font-medium hover:underline ml-1">13823289603</a>进行相关咨询。
            </p>
          </div>
        </div>
      </div>
    </div>
  </div>

</template>

<script setup>
</script>
<style lang='scss' scoped></style>